/**
 * Default styles for FlipCard control.
 *
 */

/* The container around the FlipCard ViewStack */
VBox.FlipCardContainer {
	verticalGap: 0;
}

/* The FlipCard ViewStack */
ViewStack.FlipCard {

}

/* Styles both the front and back of the card (UIComponent) */
.FlipCardFront, .FlipCardBack {
	paddingBottom: 10;
	paddingLeft: 8;
	paddingRight: 8;
	paddingTop: 8;
}

/* style of the front of the card (UIComponent) */
.FlipCardFront {
	borderStyle: solid;
	borderColor: #666666;
	backgroundColor: #f6f6f6;
}

/* style of the back of the card (UIComponent) */
.FlipCardBack {
	borderStyle: solid;
	borderColor: #666666;
	backgroundColor: #dddddd;
}

/* style of the HBox that contains the flip button */
HBox.FlipCardButtonContainer {
	borderSides: left,right,bottom;
	horizontalAlign: right;
	borderStyle: solid;
	borderColor: #666666;
	backgroundColor: #bbbbbb;
	paddingTop: 2;
	paddingBottom: 2;
	paddingLeft: 2;
	paddingRight: 2;
}

/* button for toggling between front/back */
Button.FlipCardButton {
	paddingTop: 0;
	paddingBottom: 0;
	paddingLeft: 2;
	paddingRight: 2;
	/* cornerRadius: 0; */
	fontSize: 8;
	fontWeight: normal;
}
